<template>
	<view class="main_style" @click="Todetail(team_information.teamid)">
		<view class="left_content">
			{{team_information.imgurl}}
		</view>
		<view class="right_content">
			<view class="team_name" style="font-size: 40rpx;">{{team_information.name}}</view>
			<view class="team_leader">队长：{{team_information.leader}}   组队进度：{{team_information.process}}</view>
		</view>
		<view class="team_time">时间:{{team_information.time}}</view>
	</view>
</template>

<script>
	export default {
		name:"TeamList",
		data() {
			return {
				
			};
		},
		methods:{
			Todetail(teamid){
				uni.navigateTo({
					url:"../../pages/team_detail/team_detail?teamid="+teamid
				})
				console.log("跳转详情页"+teamid)
			}
		},
		props:{
			'team_information':Object
		}
	}
</script>

<style scoped>
	.main_style{
		border-radius: 20rpx;
		height: 200rpx;
		width: 100%;
		margin: 20rpx 0 20rpx 0;
		background-color: skyblue;
		display: flex;
		position: relative;
		box-shadow: darkgrey  10rpx 10rpx 30rpx 5rpx;
	}
	
	.left_content{
		width: 20%;
		text-align: center;
		height: 150rpx;
	}
	.right_content{
		display: flex;
		flex-direction: column;
	}
	.team_time{
		position: absolute;
		right: 20rpx;
		bottom: 0;
	}
</style>